body.collabo section{
	padding-right:15px;
}

body.collabo section h1{
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:0;
}

body.collabo section h2{
	font-size:30px;
	font-weight:600;
	letter-spacing:-2px;
	margin:-3px 0 0.5em 0;
	padding:0;
}

body.collabo #articleContainer h3{
	font-size:20px;
	padding:0 0 10px 0;
	clear:both;
}

body.collabo #articleContainer h3.title:hover{
	cursor:pointer;
	text-decoration:underline;
	font-weight:bold;
}

body.collabo #articleContainer h3.title span{
	display:none;
}

body.collabo #articleContainer h3.title:hover span{
	display:block;
	font-weight:normal;
	float:right;
}


body.collabo section article.leconbtn{
	position: relative;
	width: 144px;
	height: 184px;
	float: left;
	border-style: solid;
	border-width: 3px;
	overflow: hidden;
	margin-right: 25px;
	margin-bottom: 20px;
	cursor: pointer;
	color:#FFFFFF;
	background-image: url(../images/article_shadow.png);
}

body.collabo section article.leconbtn.disabled{
	opacity:0.6;
	-webkit-filter: grayscale(0.5) blur(6px);
	-moz-filter: grayscale(0.5) blur(6px);
	-p-filter: grayscale(0.5) blur(6px);
	-ms-filter: grayscale(0.5) blur(6px);
	filter: grayscale(0.5) blur(6px);
	cursor:default;
}

body.collabo section article.leconbtn.disabled a{
	cursor:default;
}

body.collabo section article.leconbtn:hover{
	background-position:bottom;
}

body.collabo section article.leconbtn>img{
	position:absolute;
	top:0;
/*	left:0;
	width:144px;
	height:184px;*/

	width:320;
	height:184px;
	left:-88px;

	z-index:-10;
}

body.collabo section article.leconbtn>div.noImg{
	position:relative;
	width:320;
	height:184px;
	text-align:center;
	z-index:-10;
}

body.collabo section article.leconbtn>div.noImg>p{
	position:absolute;
	width:100%;
	top:5px;
}

body.collabo section article.leconbtn>div.noImg>p.rcolor_text{
	background:#FFFFFF;
	background:rgba(255,255,255,0.7);
	width:60px;
	height:60px;
	line-height:60px;
	font-size:35px;
	border-radius:30px;
	top:28px;
	left:42px;
	top:33px;
}


body.collabo section article.leconbtn.newLecon:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:144px;
	height:184px;
	z-index:-10;
	background:url(../images/newLecon.png);
}

body.collabo section article.leconbtn>div.success{
	width: 29px;
	height: 29px;
	position: absolute;
	background-image: url(../images/article_check.png);
	top: 0px;
	right: 0px;
}

body.collabo section article.leconbtn>div.star{
	width:100%;
	height:21px;
	line-height:21px;
	position: absolute;
	top: 96px;
	left: 0px;
	text-align:center;
	font-size:15px;
	letter-spacing:5px;
	text-shadow: 1px 1px 5px #333333;
}


body.collabo section article.leconbtn>header{
	padding:4px;
	width: 136px;
	height: 59px;
	position: absolute;
	bottom:0;
	left:0;
	overflow: hidden;
	font-size:10px;
	text-transform:uppercase;
}

body.collabo section article.leconbtn>header a{
	display:block;
	z-index:3;
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
}

body.collabo section article.leconbtn>header strong{
	display:block;
	text-transform:normal;
	font-size:14px;
	line-height:15px;
	font-weight:600;
}

body.collabo section article.leconbtn>header>div{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-image: url(../images/header_shadow.png);
	opacity: 0.9;
	z-index:2;
}

body>section .message{
	clear:both;
	margin:1em 0 1em 0;
	padding:30px;
	color:#FFFFFF;
}

body>section .message .noImg{
	float:left;
	width:100px;
	height:100px;
	font-size:75px;
	line-height:100px;
	border-radius:50px;
	background:#EEEEEE;
	background:rgba(255,255,255,0.8);
	margin-right:20px;
	text-align:center;
	font-weight:bold;
}

body>section .message .ctn{
	float:left;
}

body>section .message .ctn .btn{
	margin:1em 0 0 0;
	background:#EEEEEE;
	background:rgba(255,255,255,0.8);
}

/*Options*/
ul#options{
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
	padding:0;
	list-style:0;
	display:block;
}

ul#options li{
	display:block;
	margin:5px;
	padding:0;
	float:left;
}

.enseignant{
	margin-top:20px;
	border-top:2px solid #333;
	padding-top:20px;
}

body.collabo section .enseignant h2{
	font-size:22px;
}

.enseignant .btn, .enseignant .btn2x{
	background:#FFFFFF;
	background:rgba(255,255,255,0.6);
	margin-bottom:0;
}

.skypeButton img{
	opacity:0.8;
}

.skypeButton span{
	opacity:0.5;
}

.skypeButton span.online{
	opacity:1;
	font-weight:bold;
}

#reorderButton{
	display:block;
	cursor:pointer;
	clear:both;
}